/*
* 使用异步函数:处理登录表单提交事件
* */async function handleLogin(event) {
    //阻止表单的默认行为
    event.preventDefault();
    //获取用户名,密码和错误  value是获取表单的值
    let username = document.getElementById("username").value;
    let password = document.getElementById("password").value;
    let errorMessage = document.getElementById("errorMessage");

    //账号和密码长度不能小于6位
    if (username.length < 4 || password.length < 4) {
        //将错误写入errorMessage中
        errorMessage.textContent = "账号和密码长度不能小于4位";
        //将错误的样式显示出来
        errorMessage.style.display = "block";
        //阻止代码后续的执行
        return false;
    }

    //满足输入条件,将数据提交给服务器,异步提交
    let response = await fetch("/api/auth/login", {
        method: "POST",
        headers: {
            "Content-Type": "application/json"
        },
        body:JSON.stringify({username,password})
    });

    //判断请求是否成功
    if(response.ok){
        //登录成功
        const data = await response.json();
        //将已经登录的唯一标识储存在浏览器中
        localStorage.setItem("token",data.token);
        //将该账号对应的个人详情存储到浏览器中
        localStorage.setItem("userInfo",JSON.stringify(data));
        //跳转到首页 项目的首页
        window.location.href = "/chat";
    }else{
        //登录失败
        //将错误写入errorMessage中
        errorMessage.textContent = "登录失败,账号或密码错误,请检查您的用户名和密码";
        errorMessage.style.display = 'block';
    }
    return false;
}
